.zr-draw-html .zr-canvas * {
    box-sizing: initial;
    margin: initial;
}
.zr-draw-html .zr-canvas .table-content {
    overflow: auto;
    cursor: default;
    background: #F5F8FE;
    width: 300px !important
} 
.zr-draw-html .zr-canvas table {
    border-collapse: collapse;
    height: 100%;
    width: 100%;
}
.zr-draw-html .zr-canvas table.title {
    border-color: #f6f6f6;
    cursor: move;
    height: 26px;
    border-bottom: 0;
    color: #fff;
    text-align: center;
    background: #478EF7 !important
}
.zr-draw-html .zr-canvas table.title th {
    white-space: nowrap;
    font-weight: 700;
}
.zr-draw-html .zr-canvas table.erd {
    border-color: #f6f6f6;
    overflow: auto;
    cursor: move;
    white-space: nowrap;
}
.zr-draw-html .zr-canvas table.erd td {
    border-color: #c3c3c3;
    text-align: left;
    color: #000;
    padding: 10px 0 0 10px;
    font-size: 14px;
}
.zr-draw-html .zr-canvas table.erd td img {
    margin-right: 3px;
}
.zr-draw-html .zr-canvas table.erd td .zr-draw-html__label.label__disabled {
    opacity: 0.3;
}
.zr-draw-html .zr-canvas table.erd td .zr-draw-html__label img {
    width: 16px;
    height: 16px;
    display: none;
}
.zr-draw-html .zr-canvas table.erd td .zr-draw-html__label img.label__unck {
    display: inline-block;
}
.zr-draw-html .zr-canvas table.erd td .zr-draw-html__label input {
    display: none;
}
.zr-draw-html .zr-canvas table.erd td .zr-draw-html__label input:checked + img.label__ck {
    display: inline-block;
}
.zr-draw-html .zr-canvas table.erd td .zr-draw-html__label input:checked ~ img.label__unck {
    display: none;
}
.zr-draw-html .zr-draw-html__tool {
    height: auto !important;
    padding: 5px 10px;
}
.zr-draw-html .zr-draw-html__tool .zr-draw-html__toolbtn {
    display: inline-block;
    margin: 0 5px 0 0;
    cursor: pointer;
    color: #409dfe;
    position: relative;
}
.zr-draw-html .zr-draw-html__tool .zr-draw-html__toolbtn:hover {
    background-color: rgba(112, 130, 187, 0.3);
    color: #fff;
}
.zr-draw-html .zr-draw-html__tool .zr-draw-html__toolbtn > div {
    padding: 5px;
}
.zr-draw-html .zr-draw-html__tool .zr-draw-html__toolbtn input:checked + div {
    background-color: #b6b6b6;
    color: #fff;
}
.zr-draw-html .zr-draw-html__toolend {
    margin-right: 15px !important;
}
.zr-draw-html .zr-draw-html__toolend:after {
    content: '';
    display: block;
    height: 20px;
    width: 1px;
    position: absolute;
    right: -4px;
    top: 3px;
    background: #cfcfcf;
}
.zr-draw-html .zr-draw-html__toolend.el-checkbox {
    margin-right: 20px !important;
}
.zr-draw-html .zr-draw-html__toolend.el-checkbox:after {
    top: -1px;
    right: -8px;
}
.zr-draw-html .zr-draw-html__account {
    right: 10px;
    top: 10px;
    width: 160px;
    box-shadow: 2px 0 5px #c3c3c3;
}
.zr-draw-html .zr-draw-html__account textarea {
    background: #fff835;
}
.zr-draw-html .zr-draw-html__legend {
    bottom: 18px;
    left: 15px;
    box-shadow: 1px 1px 5px #ccc;
}
div.mxRubberband {
    overflow: hidden;
    border-width: 1px;
    border-color: #00f;
    background: #07f;
}
.mxCellEditor,
div.mxRubberband {
    position: absolute;
    border-style: solid;
}
.mxCellEditor {
    background: url();
    _background: url();
    border-color: transparent;
    display: inline-block;
    overflow: visible;
    word-wrap: normal;
    border-width: 0;
    min-width: 1px;
    resize: none;
}
.mxCellEditor,
.mxPlainTextEditor * {
    padding: 0;
    margin: 0;
}
div.mxWindow {
    box-shadow: 3px 3px 12px silver;
    background: url();
    border: 1px solid #c3c3c3;
    position: absolute;
    overflow: hidden;
    z-index: 1;
}
table.mxWindow {
    border-collapse: collapse;
    table-layout: fixed;
    font-family: Arial;
    font-size: 8pt;
}
td.mxWindowTitle {
    background: url()
        repeat-x;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-weight: 700;
    overflow: hidden;
    height: 13px;
    padding: 2px;
    padding-top: 4px;
    padding-bottom: 6px;
    color: #000;
}
td.mxWindowPane {
    vertical-align: top;
    padding: 0;
}
div.mxWindowPane {
    overflow: hidden;
    position: relative;
}
td.mxWindowPane td {
    font-family: Arial;
    font-size: 8pt;
}
td.mxWindowPane input,
td.mxWindowPane radio,
td.mxWindowPane select,
td.mxWindowPane textarea {
    border-color: #8c8c8c;
    border-style: solid;
    border-width: 1px;
    font-family: Arial;
    font-size: 8pt;
    padding: 1px;
}
td.mxWindowPane button {
    background: url()
        repeat-x;
    font-family: Arial;
    font-size: 8pt;
    padding: 2px;
    float: left;
}
img.mxToolbarItem {
    margin-right: 6px;
    margin-bottom: 6px;
    border-width: 1px;
}
select.mxToolbarCombo {
    vertical-align: top;
    border-style: inset;
    border-width: 2px;
}
div.mxToolbarComboContainer {
    padding: 2px;
}
img.mxToolbarMode {
    margin: 2px;
    margin-right: 4px;
    margin-bottom: 4px;
    border-width: 0;
}
img.mxToolbarModeSelected {
    margin: 0;
    margin-right: 2px;
    margin-bottom: 2px;
    border-width: 2px;
    border-style: inset;
}
div.mxTooltip {
    background: #ffc;
    font-family: Arial;
    font-size: 8pt;
    cursor: default;
    padding: 4px;
    color: #000;
}
div.mxPopupMenu,
div.mxTooltip {
    box-shadow: 3px 3px 12px silver;
    border-style: solid;
    border-width: 1px;
    border-color: #000;
    position: absolute;
}
div.mxPopupMenu {
    background: url();
}
table.mxPopupMenu {
    border-collapse: collapse;
    margin-top: 1px;
    margin-bottom: 1px;
}
tr.mxPopupMenuItem {
    color: #000;
    cursor: pointer;
}
tr.mxPopupMenuItemHover {
    background-color: #006;
    color: #fff;
    cursor: pointer;
}
td.mxPopupMenuItem {
    padding: 2px 30px 2px 10px;
    white-space: nowrap;
    font-family: Arial;
    font-size: 8pt;
}
td.mxPopupMenuIcon {
    background-color: #d0d0d0;
    padding: 2px 4px 2px 4px;
}
.mxDisabled {
    opacity: 0.2 !important;
    cursor: default !important;
}
div.mxTooltip {
    filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=4,OffY=4,Color="#A2A2A2",Positive="true");
}
div.mxPopupMenu,
div.mxWindow {
    _filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=4,OffY=4,Color="#C0C0C0",Positive="true");
}
td.mxWindowTitle {
    _height: 23px;
}
.mxDisabled {
    filter: alpha(opacity=20) !important;
}
.z-none[data-v-94aefef6] {
    display: none;
}
.z-pd-not[data-v-94aefef6] {
    padding: 0;
}
.z-h-100[data-v-94aefef6] {
    height: 100%;
}
.g-pr[data-v-94aefef6] {
    position: relative;
}
.z-mgl-5px[data-v-94aefef6] {
    margin-left: 5px;
}
.m-pa-max[data-v-94aefef6] {
    width: 100%;
}
.z-hidden[data-v-94aefef6] {
    overflow: hidden;
}
.m-pa-lb[data-v-94aefef6] {
    position: absolute;
    left: 0;
    bottom: 0;
}
.z-pd-10px[data-v-94aefef6] {
    padding: 10px;
}
.z-bdr[data-v-94aefef6] {
    border: 1px solid #c8c7cc;
}
.z-bg-fff[data-v-94aefef6] {
    background-color: #fff;
}
.z-pd-5px[data-v-94aefef6] {
    padding: 5px;
}
.s_inlineb[data-v-94aefef6] {
    display: inline-block;
}
.z-mgr-5px[data-v-94aefef6] {
    margin-right: 5px;
}
.m-pa-rt[data-v-94aefef6] {
    position: absolute;
    top: 0;
    right: 0;
}
